* {
  box-sizing: border-box;
}
// 全局滚动条
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb:hover {
  background: #b6b7b9;
}

// 路由动画
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease-in-out;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

/* fade-slide */
.fade-slide-leave-active,
.fade-slide-enter-active {
  transition: all 0.25s ease-in-out;
}

.fade-slide-enter-from {
  opacity: 0;
  transform: translateX(-30px);
}

.fade-slide-leave-to {
  opacity: 0;
  transform: translateX(30px);
}

// ///////////////////////////////////////////////
// Fade Bottom
// ///////////////////////////////////////////////

// Speed: 1x
.fade-bottom-enter-active,
.fade-bottom-leave-active {
  transition: opacity 0.25s, transform 0.3s;
}

.fade-bottom-enter-from {
  opacity: 0;
  transform: translateY(-10%);
}

.fade-bottom-leave-to {
  opacity: 0;
  transform: translateY(10%);
}

// fade-scale
.fade-scale-leave-active,
.fade-scale-enter-active {
  transition: all 1s;
}

.fade-scale-enter-from,
.fade-scale-leave-to {
  opacity: 0;
  transform: scale(1.2);
}

.fade-scale-leave-to,
.fade-scale-leave {
  opacity: 0;
  transform: scale(0.8);
}

// ///////////////////////////////////////////////
// Fade Top
// ///////////////////////////////////////////////

// Speed: 1x
.fade-top-enter-active,
.fade-top-leave-active {
  transition: opacity 0.2s, transform 0.25s;
}

.fade-top-enter-from {
  opacity: 0;
  transform: translateY(8%);
}

.fade-top-leave-to {
  opacity: 0;
  transform: translateY(-8%);
}

// layout 布局首页的样式
#components-layout-demo-custom-trigger  {
  height: 100%;
  width: 100%;
}
#components-layout-demo-custom-trigger .ant-layout-header {
  height: auto;
}
.header-wrap {
  border-bottom: 1px solid #eee;
}

#components-layout-demo-custom-trigger .logo {
  height: 32px;
  background: rgba(255, 255, 255, 0.2);
  margin: 16px;
}

#components-layout-demo-custom-trigger .ant-tabs-bar {
  border-bottom: 0;
  height: 30px;
  margin-bottom: 0;
}
#components-layout-demo-custom-trigger
  .ant-tabs.ant-tabs-card
  .ant-tabs-card-bar
  .ant-tabs-nav-container {
  height: 100%;
}
#components-layout-demo-custom-trigger
  .ant-tabs.ant-tabs-card
  .ant-tabs-card-bar
  .ant-tabs-tab {
  height: 29px;
  line-height: 29px;
}
// layout 布局首页的样式 end


.search-wrap .ant-form-item{
  margin-bottom: 4px !important;
}

.layout-drawer .ant-drawer-body{
  padding:0 !important;

}
.layout-drawer .ant-drawer-wrapper-body{
  background-color: #ffffff;
}
.layout-drawer .logo {
  height: 32px;
  background: rgba(255, 255, 255, 0.2);
  margin: 16px;
}
.ant-form-item{
  width: 100%;
}

.ant-drawer-body{
  height: 100vh;
  overflow-y: auto;
}
.full-window{
  width: 100%;
  min-height: 100%;
  overflow: auto;
}
.col-fixed{
  width: 320px;
  float: left;
  margin-right:10px;
}
.table-opt{
  cursor: pointer;
}
.table-opt-danger{
  color:#ff4d4f;
}